<template>
	<Layui background="#F4F4F4" :customCallBackHead="true" :isFixedHead="false" :headShow="true" :HeadBarData="HeadBarData">
		<template #customHead>
			<view class="welcomeBox">
				<view class="lineBox">
					<view class="flexAlignCenter" style="justify-content: space-between;">
						<text class="fontSizeZhuBiaoTi">Hi,  欢迎来到闪聚</text>
						<fui-button height="60rpx" width="160rpx" radius="45rpx" :size="27" background="#183126" color="#fff">即刻登录</fui-button>
					</view>
					<text class="fontSizeZhuBiaoTi">闪聚 - 年轻人的活动社交平台</text>
				</view>
			</view>
		</template>
		<tabBar :current="4" @click="tabBarClick" :tabBar="tabBarData"></tabBar>
	</Layui>
</template>

<script>
	import {tabBarData} from "@/menu/index.js"
	import tabBar from "@/components/firstui/fui-tabbar/fui-tabbar.vue"
	export default {
		components:{tabBar},
		data(){
			return{
				tabBarData:tabBarData,
				HeadBarData:{
					data:{title:"",textColor:"#ffffff",fontSize:"34rpx"},
					toReturn:false,BackColor:"linear-gradient(to bottom, #ccebdb 0%, #ccebdb 80%,#ccebdb 60%, #ccebdb 40%, #ccebdb 20%, #ccebdb 0%,#E8F2ED 100%)",imageUrl:"/static/Headbar/leftWhile.png",
					backgroundImage:"",
					height:250
				},
			}
		},
		methods:{
			tabBarClick(obj){
				if(obj.index === 0){
					 uni.switchTab({
						url: `/pages/index/index`
					 })
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.welcomeBox{
		width: calc(100% - 40rpx);
		position: absolute;
		bottom: 20rpx;
		padding: 20rpx;
		.lineBox{
			border-radius: 0.5rem;
			line-height: 60rpx;
			padding: 30rpx 20rpx;
			display: flex;
			flex-direction: column;
			background-color: #DEE6D1;
			box-shadow:rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
			text{
				color: #333;
			}
		}
	}
</style>